<canvas id="vipConsisting" with="100%" height="200"></canvas>
<script>
$(function () {
	
	let ctx = document.getElementById("vipConsisting").getContext('2d');
	let vipConsisting = new Chart(ctx, {
		type: 'pie',
		data: {
			labels: @json($count['labels']),
			datasets: [{
				data: @json($count['counts']),
				backgroundColor: [
					'rgba(113, 113, 113, 0.2)',
					'rgba(255, 148, 0, 0.2)',
					'rgba(255, 147, 127, 0.2)',
					'rgba(255, 235, 0, 0.2)',
					'rgba(255, 14, 0, 0.2)',
					'rgba(0, 77, 255, 0.5)',
					'rgba(0, 168, 192, 0.5)'
				],
				borderColor: [
					'rgba(113, 113, 113, 1)',
					'rgba(255, 124, 7, 1)',
					'rgba(255, 147, 127, 1)',
					'rgba(255, 235, 0, 1)',
					'rgba(255, 14, 0, 1)',
					'rgba(0, 77, 255, 1)',
					'rgba(0, 168, 192, 1)'
				],
				borderWidth: 1
			}]
		},
		options: {
			scales: {
				yAxes: [{
					ticks: {
						beginAtZero:true
					}
				}]
			}
		}
	});
 
});
</script>
